<template>
  <div class="home">
    <the-nav/>
    <home-feature-slides/>
    <home-user-count/>
    <home-hot-templates/>
    <home-user-comments/>
    <home-join/>
    <home-info/>
    <the-footer/>
  </div>
</template>

<script>
import TheNav from '../components/TheNav.vue';
import HomeFeatureSlides from '../components/HomeFeatureSlides.vue';
import HomeUserCount from '../components/HomeUserCount.vue';
import HomeHotTemplates from '../components/HomeHotTemplates.vue';
import HomeUserComments from '../components/HomeUserComments.vue';
import HomeJoin from '../components/HomeJoin.vue';
import HomeInfo from '../components/HomeInfo.vue';
import TheFooter from '../components/TheFooter.vue';

export default {
  components: {
    TheNav,
    HomeFeatureSlides,
    HomeUserCount,
    HomeHotTemplates,
    HomeUserComments,
    HomeJoin,
    HomeInfo,
    TheFooter,
  },
};
</script>

<style scoped>
  .home {
    padding-top: 60px;
  }
</style>
